Ja, schön guten Morgen. Hört man mich? Bin ich laut genug? Oder ist es zu laut? War
dir gestern noch ein bisschen länger? Ja, schön wieder hier zu sein. Hat mich sehr
gefreut für die Einladung. Ich erzähle heute etwas über neue CSS Design und Layout Features.
Und ja, ich versuche es auch so ein bisschen mehr auszuführen und zu erklären für die Leute,
die die Sachen nicht so gut sehen. Weil, na klar, es dreht sich hauptsächlich auch um Design
Features halt. Und deswegen versuche ich es so gut wie möglich auch zu erklären für diejenigen.
Okay, steigen wir direkt ein. Wie gesagt, wir müssen uns ein bisschen sputen, damit wir pünktlich
fertig werden. Wenn wir so das aktuelle Web der letzten Jahre betrachten, dann sind wir eigentlich
doch, wenn wir ehrlich sind, sehen wir doch relativ häufig die gleichen Layouts. Also ja,
klar hat es jetzt hier und da schon ein Re-Lounge gegeben und ein bisschen halt Veränderung, auch
was das Design betrifft. Aber im Grunde genommen haben wir bei fast allen auch größeren Seiten
halt ein relativ einheitliches Layout. Wir haben irgendwie eine Hauptspalte, eine Marginalspalte und
ja, mittlerweile gibt es sowas wie irgendwelche Header Images und so. Aber es gleicht sich doch
mehr und mehr. Also es ist wenig Varianz in Wirklichkeit, was das Layout betrifft zwischen
den ganzen Webdesigns. Das ist leider ein bisschen schade. Das ist so, würde man sagen,
halt ja okay, so ist irgendwie das Web und wir haben die Gegebenheiten so vorgefunden und müssen
irgendwie damit arbeiten. So sieht es aktuell ein bisschen aus. Wenn man das aber halt in einem
anderen Kontext auch betrachtet, wo Design auch herkommt, also auch aus dem Magazinlayout, klar,
da hatte man schon ganz andere Möglichkeiten früher und es waren ganz andere Layouts möglich,
halt man sieht es natürlich häufig, da wurden Texte ganz anders positioniert zu Bildern,
halt mit irgendwelchen Ausschnitten und die liefen so in Bilder rum und so weiter und so weiter.
Die Möglichkeiten, die wir halt im Printdesign haben, die hatten wir im Webdesign nicht. Und das
möchte ich ein bisschen erzählen. Also wir haben jetzt ein paar Möglichkeiten, die wir jetzt schon
oder auch in Zukunft dann bald nutzen können. Also solche Sachen, also so eingefärbte Hintergrundbilder,
ja, das kann man natürlich mit Photoshop wunderbar machen, dann exportiert man halt das Bild mit der
eingefärbten Farbe halt und wunderbar, dann ist man durch. Wenn wir jetzt aber ans dynamische,
flexible Web denken, ist es natürlich doof, wenn das Bild weiterhin so ist, wenn wir es vielleicht
auch irgendwie anders haben wollen oder wir wollen es irgendwie mit einer Transition verbinden,
einer Animation, dass die Farbe sich vielleicht ändert und so weiter und so weiter. So runde
Elemente, abgeschnitten Elemente, teilweise möglich mit Border Radius mittlerweile, teilweise noch
nicht ganz so, da fehlen uns noch ein paar Elemente. Also es gab natürlich eine große Welt an Design,
Grafikdesign vor dem Web, ja, das ist mittlerweile im Webdesign und da kann man sich auch sehr viele
Modezeitschriften, Modezeitschriften, Webseiten anschauen. Da denkt man halt, was machen die links
und was machen die rechts, also es sieht irgendwie halt gar nicht so schön aus, wie es hätte sein
können. Kennt ihr noch die Space Jam, den Film mit den 90ern? Die Webseite dazu ist sogar noch live,
kann man auch noch betrachten. Funktioniert übrigens noch, also zu dem Thema, was Tom gestern hatte,
also einmal frei, wunderbar, funktioniert heute auch noch auf den Geräten. Da war es so, wir hatten
halt so ein Design, was irgendwie um das Logo sich drehte, das war halt doch sehr individuell. Da
wurde man heute schon überlegen, wie kann ich das überhaupt umsetzen, muss ich das irgendwie
absolut positionieren oder weiß ich nicht. Wie hat man das früher gemacht? Natürlich mit Layout-Tabellen,
wir hatten ja nichts, aber es hat funktioniert, also das ist kein adäquates Mittel, aber es hat
funktioniert und man hat es eingesetzt, um halt ja bestimmtes Aussehen doch nachzuahmen. Kennt das
noch jemand? Layout-Gala, die 40 besten CSS-Tablets von drei Spalten, mal die Hauptspalte links,
mal in der Mitte, mal gewechselt und so weiter. Da hatten wir dann schon so ein bisschen CSS-Layout-
Techniken und da konnte man sich halt so ein Basis-Set nehmen und es hat auch gut funktioniert.
Ja gut, zugegeben, das geht jetzt schon in die Richtung, wir haben doch eigentlich irgendwie
immer das gleiche Design halt, aber das, ja, so haben wir halt angefangen und heutzutage hat jeder
irgendwie eine sehr individuelle Webseite, die ungefähr so aufgebaut ist, also wir haben einen
riesen Hero-Image, wie es heutzutage heißt, wir haben auf jeden Fall immer drei Spalten
da drunter mit irgendwelchen Teaser-Elementen und ja auch nicht sehr viel Abwechslung.
Presenters
Sven Wolfermann
Zugänglich über
Offener Zugang
Dauer
00:46:39 Min
Aufnahmedatum
2016-03-09
Hochgeladen am
2016-03-09 11:31:16
Sprache
de-DE